<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			h1+p {
				color: red;
			}
			h1~p{
				color: blue;
			}
		</style>
	</head>
	<body>
		<!-- 兄弟选择器只能选择同级标签
		 1、相邻选择
		 2、通用选择-->
		<h1>我是标题1</h1>
		<p>我是段落1</p>
		<p>我是段落2</p>
		<p>我是段落3</p>
		<h2>我是标题2</h2>
		<a href="#">我是超链接</a>
		<p>我是段落4</p>
		<p>我是段落5</p>
		<p>我是段落6</p>
	</body>
</html>
